<!DOCTYPE HTML>
<html>
<head>
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--Custom-Theme-files-->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--/script-->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
		<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>

</head>
<body>
<!--start-home-->
   <div class="header two" id="home">
     <div class="container">
      <div class="header-top">
	       	<div class="logo">
                    <a href="index.html"><h1>Merchan<span>try</span></h1> </a>
			 </div>	
				    <div class="top-menu">
					    <span class="menu"> </span>
							<ul>
								<li><a href="index.html"><span data-hover="HOME">Home</span></a><label> </label></li>
								<li><a href="about.html"> <span data-hover="ABOUT">About</span></a><label> </label></li>
								<li><a href="index.html"><span data-hover="SERVICES">Services</span></a><label> </label></li>
								<li><a href="index.html"><span data-hover="PORTFOLIO">Portfolio</span></a><label> </label></li>
								<li><a href="blog.html"><span data-hover="BLOG">Blog</span></a><label> </label></li>
								<li><a class="active" href="contact.html"><span data-hover="CONTACT">Contact</span></a><label> </label></li>
				
							</ul>

						</div>
						<div class="login-pop">
							<div id="loginpop"><a href="#" id="loginButton"><span>Login <i class="arrow glyphicon glyphicon-chevron-right"></i></span></a>
									<div id="loginBox">                
										<form id="loginForm">
												<fieldset id="body">
													<fieldset>
														  <label for="email">Email Address</label>
														  <input type="text" name="email" id="email">
													</fieldset>
													<fieldset>
															<label for="password">Password</label>
															<input type="password" name="password" id="password">
													 </fieldset>
													<input type="submit" id="login" value="Sign in">
													<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
												</fieldset>
											<span><a href="#">Forgot your password?</a></span>
									 </form>
								</div>
							</div>

						</div>
						<script src="js/menu_jquery.js"></script>

                <!-- script-for-menu -->
								<script>
									$("span.menu").click(function(){
										$(".top-menu ul").slideToggle("slow" , function(){
										});
									});
								</script>

				<div class="clearfix"></div>
					<!--End-top-nav-script-->
			 </div>
		</div>
 </div>
  <!--//end-banner-->
<!--/contact-->
	 <div class="section-contact">
	    <div class="container">
			      <h2 class="tittle">Contact us</h2>
				<div class="contact-main">
					<div class="col-md-6 contact-in">
						<h5>Lorem ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor.</h5>
						<p class="para1">Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.  </p>
						<div class="more-address"> 
								<address>
								  <strong>Twitter, Inc.</strong><br>
								  795 Folsom Ave, Suite 600<br>
								  San Francisco, CA 94107<br>
								  <abbr title="Phone">P :</abbr> (123) 456-7890
								</address>
								<address>
								  <strong>Full Name</strong><br>
								  <a href="mailto:info@example.com">mail@example.com</a>
							   </address>
						  </div>
					</div>
					<div class="col-md-6 contact-grid">
						<form>
							<p class="your-para">Your Name :</p>
							<input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
							<p class="your-para">Your Mail :</p>
							<input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
							<p class="your-para">Your Message :</p>
							<textarea cols="77" rows="6" onfocus="this.value='';" onblur="if (this.value == '') {this.value = '';}"></textarea>
							<div class="send">
								<input type="submit" value="Send" >
							</div>
						</form>
					</div>
						<div class="clearfix"> </div>
			      </div>
	       </div>
     </div>
<!--//contact-->
	<!--map-->
			<div class="map">
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1675115.8258740564!2d-98.4671417929578!3d34.91371150021706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1434956093308"></iframe>
				<span> </span>

			</div>
	<!--//map-->

<!-- footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-3 footer-left">
					<h4>Address</h4>
						<address>
							795 Folsom Ave, Suite 600<br>
							San Francisco, CA 94107<br>
							<abbr title="Phone">P :</abbr> (123) 456-7890
						</address>
				</div>
				<div class="col-md-6 footer-middle">
					<h4>Contact</h4>
					<form>
						<div class="ft-lt">
							<input type="text" value="First Name" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'First Name';}">	
							<input type="text" value="Last Name" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Last Name';}">				
							<input type="text" value="Email Address" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Email Address';}">
						</div>
						<div class="ft-rgt">
							<textarea placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>	
							<input type="submit" value="Submit">
						</div>
					</form>
				</div>
				
					<div class="col-md-3 footer-left">
						<h4>Follow Us</h4>
							<div class="soci">
									<a href="#"><i class="f-1"> </i></a>
									<a href="#"><i class="t-1"> </i></a>
									<a href="#"><i class="g-1"> </i></a>
								</div>
					</div>
					<div class="clearfix"></div>
				</div>
					<div class="footer-text">
						<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
				</div>
			</div>
			<!-- footer-->
				<!--start-smoth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!--JS-->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>

<!--//JS-->

</body>
</html>